<%-- 
    Document   : fuenteFondosAgregar
    Created on : 08-30-2012, 01:55:22 PM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
    
	<!-- Extream Component -->
<link rel="stylesheet" type="text/css"
	href="../resources/css/extremecomponents.css">
<script type="text/javascript"
	src="../resources/javascript/extremecomponents.js"></script>
	
	<script type="text/javascript"
	src="../resources/javascript/jquery.js"></script>
	
	<script type="text/javascript">
			function onTableClick(idFuentefondo,
								  codigoFuentefondo,
								  nombreFuentefondo,
								  descripcionFuentefondo){				
				
				$("#idFuentefondo").val(idFuentefondo);
				$("#codigoFuentefondo").val(codigoFuentefondo);
				$("#nombreFuentefondo").val(nombreFuentefondo);
				$("#descripcionFuentefondo").val(descripcionFuentefondo);
				
				showEditBtn();
			}
			
			function showEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").hide("slow");
				$(".btnEditar").show("slow");
				
			}
			
			function hiddenEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").show("slow");								
			}
			
			function edit(formulario,accion){				
				form = document.getElementsByName(formulario);
				form[0].action = accion;
				form[0].submit();																
			}
			
	</script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SIB - Fuentes de Fondos</title>

<script type="text/javascript">
$(document).ready(function() {
    $("#fuenteFondos").validate();
});
</script>
    </head>
<jsp:include page="includeCSSjs.jsp" />
    <body>
        <font class="divTextoEncabezado">Registro de Fuente de Fondo</font>
        <br><br>
<form:form method="post" action="addFondos"
		commandName="fuenteFondos">

<table width="50%" border="0">
  <tr>
  	<input type="hidden" name="idFuentefondo" id="idFuentefondo" />
    <td width="50%"><label class="text0">Código de fuente de fondo</label> </td>
    <td width="50%"><input type="text" name="codigoFuentefondo" id="codigoFuentefondo" class="required inputTextFacturaAgregar"/></td>
  </tr>
  <tr>
    <td><label class="text0">Nombre fuente de fondo</label></td>
    <td width="50%"><input type="text" name="nombreFuentefondo" id="nombreFuentefondo" class="required inputTextFacturaAgregar"/></td>
  </tr>
<tr>
    <td><label class="text0">Descripción de fuente de fondos</label></td>
    <td width="50%"><input type="text" name="descripcionFuentefondo" id="descripcionFuentefondo" class="inputTextFacturaAgregar"/></td>
  </tr>
</table>


<div class='divSelector1'></div>
<br><br><br>
<center>
		<div class='btnAgregar'>
				<input type=image src="../resources/img/boton_agregar.png" width="95" height="30" class="inputBoton"  >
		</div>
		<div class="btnEditar" style="display:none;">
					
					<input type=image src="../resources/img/boton_guardar.png" width="95" height="30" class="inputBoton" onclick="edit('fuenteFondos','editFondos')" >
					<input type=image src="../resources/img/btn_eliminar.png" width="95" height="30" class="inputBoton" onclick="edit('fuenteFondos','delFondos')"  >
					<input type=image src="../resources/img/btn_cancelar.png" width="95" height="30" class="inputBoton" onclick="edit('fuenteFondos','showFondos')"  >
		</div>
</center>
</form:form>
<br/>
<br/>

<!-- Extreme Table  -->
<c:if test="${!empty fondosList}">
 <ec:table 
    items="fondosList"
    action="${pageContext.request.contextPath}/admin/showFondos"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres"     
    >
    
        
    <ec:row highlightRow="true"  
    onclick="onTableClick('${pageScope.pres.idFuentefondo}',
    					'${pageScope.pres.codigoFuentefondo}',
    					'${pageScope.pres.nombreFuentefondo}',
    					'${pageScope.pres.descripcionFuentefondo}');">      
      <ec:column property="codigoFuentefondo" title="Codigo"/>
       <ec:column property="nombreFuentefondo" title="Nombre"/>
      <ec:column property="descripcionFuentefondo" title="Descripcion"/>      
    </ec:row>
  </ec:table>
</c:if>

</body>
</html>
